import Image from 'next/image'
import Link from 'next/link'
import styles from './bottombar.module.scss';

export default function BottomBar() {
    return (
        <footer className={styles.container}>
            <Link className={styles.tab} href="/home">
                <Image width={40} height={40} src="/images/tab1.png" alt='开门模式' />
                <h2>开门模式</h2>
            </Link>
            <Link className={styles.tab} href="/checkin">
                <Image width={40} height={40} src="/images/tab2.png" alt='电子考勤' />
                <h2>电子考勤</h2>
            </Link>
            <Link className={styles.tab} href="/timetable">
                <Image width={40} height={40} src="/images/tab3.png" alt='电子课表' />
                <h2>电子课表</h2>
            </Link>
            <Link className={styles.tab} href="/classroom">
                <Image width={40} height={40} src="/images/tab4.png" alt='空闲教室' />
                <h2>空闲教室</h2>
            </Link>
            <Link className={styles.tab} href="/examroom">
                <Image width={40} height={40} src="/images/tab5.png" alt='考场信息' />
                <h2>考场信息</h2>
            </Link>
            <Link className={styles.tab} href="/inspection">
                <Image width={40} height={40} src="/images/tab6.png" alt='电子巡课' />
                <h2>电子巡课</h2>
            </Link>
            <Link className={styles.tab} href="/notification">
                <Image width={40} height={40} src="/images/tab7.png" alt='通知公告' />
                <h2>通知公告</h2>
            </Link>
        </footer>
    )
}